﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       validation.css

Author:     messages.co.uk

Version:    1.0

Purpose:    This css file addressses the mojoPortal 'txterror' class used in 
            the contact form and page validation,  class set in theme.skin; 
            error messages can be modified by editing and replacing 
    
            ../App_GlobalResources/Resource.resx         
    

*/


 
/*mojoPortal 'txterror' class */

        span.txterror {  color: #F30 }        
    
        div.txterror ul li,
        .loginpage span.txterror
        {
        position:absolute;top:0;	 
        height:0!important;	
        width:100%!important;
        left:-45px; 		

        margin:10px;
        padding:.5em 1.5em 2em;
        
        border-width:1px;
        border-color:#fb5766;
        background: #fab;
        color:#F30;
	
        font-weight:300;
        text-align: center;
        list-style: none;
        }

        div.txterror ul li {z-index:1000;}

        .ie6 div.txterror ul li,
        .ie6 .loginpage span.txterror
        {margin:10px;
        padding:.5em 7.5em 0.5em 3.5em}	
        
        
/*this is the contentmanagerpreview span.txterror*/ 

        #ctl00_mainContent_pnlWarning { 

    
        padding:.5em 1.5em 2em;
        
        border-width:1px;
        border-color:#fb5766;
        background: #fab;
        color:#F30;
	
        font-weight:300;
        text-align: center;
        list-style: none;
    
}     

        

/* contact form */

        .contactform div.txterror ul li, .captcha span {z-index:1000;}

        .contactform span.txterror,.contactform div.txterror ul li, .captcha span
        {
        position:absolute;top:0;	 
        height:0!important;	width:100%!important;
        left:-45px; 		

        margin:10px;
        padding:20px 30px 40px; 			
		
        border-width:1px;
        border-color:#fb5766;
        background: #fab;
        color:#F30;
	
        font-weight:300;
        text-align: center;
        list-style: none;
        }

        /*  ie6 error messages...*/
        .ie6 .contactform span.txterror, .ie6 .contactform div.txterror ul li,.ie6 .captcha span 
        {left:0px; padding:20px 30px 20px;margin:10px -10px; }	


        /*  ie6/7 error messages z-index issue, so display below instead...*/
        .ie7  .captcha span {position: relative}
        .ie6  .captcha span {position: relative}

	

/* required fields.. set asterisk red after, not in ie6/7.*/

        
        /*set for all fields....*/

        .contactform .settinglabel:after,
        .contactform  label[for*="captcha"]:after 
        {  content: " *"; color: red }
        
        /*and remove for those not required.*/	
        
        .contactform label[for*="txtName"]:after, 
        .contactform label[for*="txtSubject"]:after 
        { content:none; }


	

   